<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #app{
            overflow: hidden;
            width: 900px;
            margin: 0 auto;
            font-size: 15px;
            text-align: center;
        }
        img{
             width: 200px;
             height: 150px;
        }
        .list{
            float: left;
            margin-left: 20px;
            
        }
        .txt{
            width: 60px;
            height: 20px;
            border: 1px solid black;
            margin: 20px auto;
        }
    </style>
</head>
<body>
    <div id="app">
        <div class="list"><img src="../img/1.jpg" alt=""><p class="txt">点赞(0)</p></div>
        <div class="list"><img src="../img/2.jpg" alt=""><p class="txt">点赞(0)</p></div>
        <div class="list"><img src="../img/3.jpg" alt=""><p class="txt">点赞(0)</p></div>
        <div class="list"><img src="../img/4.jpg" alt=""><p class="txt">点赞(0)</p></div>
    </div>
</body>
<script>
    
    let txt=document.querySelectorAll('.txt')
    for(let i=0;i<txt.length;i++){     
     txt[i].onclick=add()
    }
    function add(){
       let count=0
         return function(){
         this.innerHTML=`点赞(${++count})`
       }
    }
    //方法2
    // {
    //   let count = 0
    //   btn[0].onclick = function() {
    //     this.value = `赞(${++count})`
    //   }
    // } {
    //   let count = 0
    //   btn[1].onclick = function() {
    //     this.value = `赞(${++count})`
    //   }
    // } {
    //   let count = 0
    //   btn[2].onclick = function() {
    //     this.value = `赞(${++count})`
    //   }
    // } {
    //   let count = 0
    //   btn[3].onclick = function() {
    //     this.value = `赞(${++count})`
    //   }
    // }

     //方法三
    // for(let i=0;i<txt.length;i++){
    //     let count=0
    //     txt[i].onclick=function(){
    //         this.innerHTML=`点赞(${++count})`
    //     }
    // }
</script>
</html>